<template>
  <div id="Agreement">
    <Headers>注册协议</Headers>
    <div class="agreement-container">
      <ul>
        <li v-for="(item,index) in agreeList" :key="index">
          <h3>{{item.title}}</h3>
          <p>{{item.content}}</p>
        </li>
      </ul>
    </div>
  </div>
</template>

<script>
export default {
  name: "agreement",
  data() {
    return {
      agreeList: [
        {
          title: "提示条款",
          content: `阿里云网站的logo、“阿里云”、“阿里云”等文字、图形及其组合，以及阿里云网站的其他标示、徽记、阿里云服务的名称等为阿里云及其关联公司在中国和其他国家的注册商标。未经阿里云书面授权，任何人不得以任何方式展示、使用或做其他处理（包括但不限于复制、传播、展示、镜像、上传、下载），也不得向他人表明您有权展示、使用或做其他处理。`
        },
        {
          title: "定义",
          content: `阿里云网站的logo、“阿里云”、“阿里云”等文字、图形及其组合，以及阿里云网站的其他标示、徽记、阿里云服务的名称等为阿里云及其关联公司在中国和其他国家的注册商标。未经阿里云书面授权，任何人不得以任何方式展示、使用或做其他处理（包括但不限于复制、传播、展示、镜像、上传、下载），也不得向他人表明您有权展示、使用或做其他处理。`
        }
      ]
    };
  }
};
</script>

<style lang="stylus" scoped>
@import '../common/styl/mixin'
#Agreement
  .agreement-container
    color #666
    box-sizing border-box
    padding rem(70) rem(20)
    ul
      li
        h3
          font-size rem(15)
          font-weight bold
          margin-bottom rem(10)
        p
          line-height rem(23)
          font-size rem(14)
      li:nth-of-type(2n)
        margin-top rem(20)
</style>
